<script src="<?php echo $this->baseURL()."/media/js/jquery-1.8.2.js"; ?>" type="text/javascript"></script>
<script src="<?php echo $this->baseURL()."/media/js/jquery.countdown.js"; ?>" type="text/javascript"></script>
<style>    
    #defaultCountdown { width: 240px; height: 45px; }
</style>
<script>
    $(countDownClock);
    
    function countDownClock(){
        var elapsedTime = <?php echo $this->elapse; ?>;
        if(elapsedTime != -1)
            $('#defaultCountdown').countdown({until: elapsedTime, onExpiry: liftOff});
        else
            $('#defaultCountdown').countdown('destroy');
    }
    function liftOff() {
        $('#notTeachButton').attr('disabled', false);
    }
</script>
<script>
$(document).ready(function(){

        var status = <?php echo $this->status; ?>;
        if(status == 1)
            $('#teachedButton').attr('disabled', true);
        else
            $('#teachedButton').attr('disabled', false);
});
</script>
<script>
$(document).ready(function(){
        var checkNotTeach = <?php echo $this->checkNotTeach; ?>;
        if(checkNotTeach == 1)
            $('#notTeachButton').attr('disabled', false);
        else
            $('#notTeachButton').attr('disabled', true);
});
</script>

<script>
    function recommendFunction()
    {
        var friendEmail = $("#friendEmail").val();
        if(friendEmail.length > 0)
        {
            $.ajax({
                url:"/TutorProfile/public/student/recommend",
                data:{email: friendEmail},
                type:"GET",
                success: function(data)
                {
                    $("#successMessage").text("Gửi thành công cho bạn");
                }
            });
        }
    }
function teachedOrNotFunction(teachOrNotCommand)
{
        var confirmed;
        if(teachOrNotCommand == 'notTeach')
            confirmed = confirm("Bạn thực sự chưa đi dạy?");
        else
            confirmed = confirm("Bạn thực sự đã đi dạy?");

        if(confirmed)
        {
            $.ajax({
                url:"/TutorProfile/public/student/edit",
                data:{command: teachOrNotCommand},
                type:"GET",
                success: function(data)
                {
                    if(teachOrNotCommand == "notTeach"){
                        $('#teachedButton').attr('disabled', false);
                        $('#notTeachButton').attr('disabled', true);
                        $(countDown);
                        $('#statusSpan').text('Chưa đi dạy');
                    }                     
                    else{
                        $('#teachedButton').attr('disabled', true);
                        $('#statusSpan').text('Đã đi dạy');
                    }
                }
            });

        }

}

    function countDown(){
            $('#defaultCountdown').countdown({until: +86400, onExpiry: lift});
    }
    function lift() {
        $('#notTeachButton').attr('disabled', false);
    }
</script>
<div style="color: red; margin: 0 auto;">
<?php
    if(!is_null($this->errorFormMessage))
    {
        foreach ($this->errorFormMessage as $fields) {
            foreach ($fields as $error)
            {
                echo $error.", ";
            }
        }
    }
?>
<?php
    echo $this->errorMessage;
?>
</div>
<div style="color: green;margin: 0 auto;" id="successMessage">
<?php
    echo $this->editSuccess;
?>
</div>
<br>
<h2>Hồ sơ của <?php echo $this->student->username ?></h2>
<div style="margin-left: 700px;">
Giới thiệu cho bạn
<input type="text" id="friendEmail">
<input type="submit" onclick="recommendFunction()" value="Gửi">
</div>
<br>
<div style="float: left; width: 350px;">
    <img src="<?php echo $this->baseURL()."/img/avatars/".$this->student->avatarname; ?>" width="200" height="100">
    <br>
    <br>
    <?php
        echo $this->avatarForm;
    ?>
    <br>
    <b>Nếu sau một ngày bạn vẫn chưa nhận được công việc gia sư nào? </b>
    <b>Hãy nhấn vào nút "Chưa đi dạy" dưới đây. Vị trí của bạn sẽ được đưa lên hàng đầu</b>
    <br>
    <br>
    <b>Trạng thái: </b><span id="statusSpan" style='color:white; background-color: red; padding-left:5px;padding-right: 5px;'><?php echo ($this->status == 1)?"Đã đi dạy":"Chưa đi dạy" ?></span>
    <br>
    Đợi :
    <br>
    <div id="defaultCountdown"></div>
    <br>
    để chuyển trạng thái hoặc cập nhật vị trí.
    <br>
    <br>
    <button id="notTeachButton" onclick="teachedOrNotFunction('notTeach')">Chưa đi dạy</button>
    <button id="teachedButton" onclick="teachedOrNotFunction('Teached')">Đã đi dạy</button>

    
</div>
<div style="float: left; width: 600px; border-left: 1px solid gray;">
    <?php
        echo $this->form;
    ?>
</div>